<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button class="start">open</button>
    <button class="end">end</button>
    <script>
        // Bom  Browser Object Model  浏览器对象模型  里面都是浏览器的内置方法

        // window  对象  顶层对象  里面都是很多属性和方法  调用里面方法  可以不加window  浏览器会默认加上
        // console.log(window);

        //alter("")
        //window.alter("")
        // window.open()  //打开某个页面
        // window.close()  //关闭页面
        // let open  = document.querySelector(".open")
        // open.onclick = function(){
        // _blank   打开新页面
        // window.open("./46.1打开页面.html","_self");
        // window.close()
        // window.print()
        // }
        // 定时器  按照给的时间 每隔一段时间 执行一次函数除非手动关闭  或者关闭浏览器 定时器才会停止
        // setInterval(函数,时间单位默认毫秒)       
        // clearInterval(想要清楚定时器的返回值)  //清除定时器
        // setInterval(function () {
        //     console.log(11111111);
        // }, 1000)
        let start = document.querySelector(".start");
        let end = document.querySelector(".end");
        let timer;
        start.onclick = function () {
            timer = setInterval(function () {
                console.log(11111111);
            }, 1000)
            // start.style.display = "display"
        }
        end.onclick = function () {
            clearInterval(timer)
        }
        // 延时器  延迟一段时间  在执行  只会执行一次  执行完毕就销毁了
        // setTimeout(函数，延迟时间)
        // clearTimeout(延时器的返回值)  清除延时器
        let a =  setTimeout(function(){
            alert("你干嘛呢")
        }, 5000);
        clearTimeout(a)

    </script>
</body>

</html>